<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>旅游个人主页</title>
    <link rel="stylesheet" href="css/index.css" />
  </head>

  <body>
    <div class="hander">
      <div class="hander_han">
        <ul class="hander_nav">
          <li class="hander_nav_li">
            <a href="depth.html">
              <span>独家深度</span>
            </a>
          </li>
          <li class="hander_nav_li">
            <a href="destination.html"><span>目的地</span></a>
          </li>
          <li class="hander_nav_li">
            <a href="community.html"><span>社区</span></a>
          </li>
          <li class="hander_nav_li">
            <a href="air.html"><span>机票</span></a>
          </li>
          <li class="hander_nav_li">
            <a href="hotel.html"><span>酒店.民宿</span></a>
          </li>
          <div class="hand_right">
            <span><a href="register.html" target="_blank">注册</a></span>
            <span><a href="login.html" target="_blank">登录</a></span>
          </div>
        </ul>
      </div>

      <div class="hander_img">
        <ul class="hander_img_ul">
          <li class="current">
            <img alt="" src="images/index_hander01.jpg" />
          </li>
          <li><img alt="" src="images/index_hander02.jpg" /></li>
          <li><img alt="" src="images/index_hander03.jpg" /></li>
          <li><img alt="" src="images/index_hander04.jpg" /></li>
          <li><img alt="" src="images/index_hander01.jpg" /></li>
        </ul>
        <div class="change left">
          <img src="images/index_right.png" alt="" />
        </div>
        <div class="change right">
          <img src="images/index_left.png" alt="" />
        </div>
      </div>
    </div>

    <div class="container">
      <div class="con_1 center">
        <h2 class="title">旅游推荐</h2>
        <ul class="con_1_ul">
          <li>
            <div class="con_1_img"><img src="images/index_con1_01.jpg" /></div>
            <div class="mgs">
              <span>会安</span>
              <span>天津</span>
            </div>
          </li>
          <li>
            <div class="con_1_img"><img src="images/index_con1_02.jpg" /></div>
            <div class="mgs">
              <span>天津</span>
              <span>会安</span>
            </div>
          </li>
          <li>
            <div class="con_1_img"><img src="images/index_con1_03.jpg" /></div>
            <div class="mgs">
              <span>天津</span>
              <span>会安</span>
            </div>
          </li>
          <li>
            <div class="con_1_img"><img src="images/index_con1_04.jpg" /></div>
            <div class="mgs">
              <span>天津</span>
              <span>会安</span>
            </div>
          </li>
          <li>
            <div class="con_1_img"><img src="images/index_con1_04.jpg" /></div>
            <div class="mgs">
              <span>天津</span>
              <span>会安</span>
            </div>
          </li>
          <li>
            <div class="con_1_img"><img src="images/index_con1_05.jpg" /></div>
            <div class="mgs">
              <span>天津</span>
              <span>会安</span>
            </div>
          </li>
          <li>
            <div class="con_1_img"><img src="images/index_con1_06.jpg" /></div>
            <div class="mgs">
              <span>天津</span>
              <span>会安</span>
            </div>
          </li>
          <li>
            <div class="con_1_img"><img src="images/index_con1_07.jpg" /></div>
            <div class="mgs">
              <span>会安</span>
              <span>天津</span>
            </div>
          </li>
        </ul>
      </div>
    </div>

    <div class="footer">
      <ul>
        <li>联系我</li>
      </ul>
      <p>啊啊1222 ABC 123412341234</p>
    </div>
    <script src="js/jquery-2.0.3.min.js"></script>
    <script src="js/index.js"></script>
  </body>
</html>
